<template>
 <div class="GoodsOne">
     <div class="GoodsOne-G">
       <h3>{{basicInfo.name}}</h3>
       <span>{{basicInfo.characteristic}}</span>
       <p>
         <span>低价￥{{basicInfo.minPrice}}</span>
         <em>原价￥{{basicInfo.originalPrice}}</em>
         <i>库存<br>{{basicInfo.stores}}</i>
       </p>
     </div>
 </div>
</template>

<script>
export default {
  props: ["basicInfo"],
  name: "",
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  computed: {},
  watch: {}
};
</script>

<style scoped>
.GoodsOne {
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  padding: 0 20px;
  margin-top: 10px;
}
.GoodsOne-G {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.GoodsOne-G > p {
  display: flex;
  justify-content: space-between;
}
.GoodsOne-G > p > span {
  color: red;
}
.GoodsOne-G > p > em,
.GoodsOne-G > p > i {
  color: #ccc;
}
</style>